<template>
	<view>
		<view class="head">
			<view class="item">
				<image src="../../static/left.png" class="logo"></image>
				<text class="name">商家名称</text>
			</view>
			<view class="item">
				<text @click="shouquan">授权 ></text>
			</view>
		</view>
	    <view class="dialog" v-if="!isshow">
			<text class="title">确认授权商家</text>
			<view class="button">
				<text>取消</text>
				<text @click="confirm">确认</text>
			</view>
		</view>
	</view>
</template>
<script>
export default {
	data(){
		return {
			isshow:true	
		}
	},
	methods:{
		shouquan(){
			this.isshow = false
		}
	}
}
</script>
<style>
	page {
		background: rgb(245, 245, 245);
	}
	.head {
		width: 690rpx;
		/* height: 786rpx; */
		background: #FFFFFF;
		border-radius: 10px;
		margin: 30rpx 30rpx;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
	}
	.item {
		display: flex;
		flex-direction: row;
		margin-left: 40rpx;
		margin-right: 40rpx;
		margin-top: 40rpx;
	}
	.logo {
		width: 60rpx;
		height: 60rpx;
	}
	.name {
		margin-left: 21rpx;
	}
	.dialog{
		width: 500rpx;
		height: 240rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		margin: 138rpx 125rpx;
		padding-top: 30rpx;
		/* border: 1px solid red; */
	}
	.title {
		padding: 39rpx 160rpx;
		font-size: 30rpx;
		line-height: 60rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 800;
		color: #1A1A1A;
	}
	.button {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin: 113rpx 97rpx 31rpx;
	}
</style>
